<!doctype html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Home</title>
		<meta name="keywords" content="">
		<meta name="description" content="">
		<link rel="stylesheet" type="text/css" th:href="@{/chat/css/bootstrap.min.css}">
		<link rel="stylesheet" type="text/css" th:href="@{/chat/css/nprogress.css}">
		<link rel="stylesheet" type="text/css" th:href="@{/chat/css/style.css}">
		<link rel="stylesheet" type="text/css" th:href="@{/chat/css/font-awesome.min.css}">
		<link rel="apple-touch-icon-precomposed" th:href="@{/chat/images/icon.png}">
		<link rel="shortcut icon" th:href="@{/chat/images/favicon.ico}">
		<script th:src="@{/chat/js/jquery-2.1.4.min.js}"></script>
		<script th:src="@{/chat/js/nprogress.js}"></script>
		<script th:src="@{/chat/js/jquery.lazyload.min.js}"></script>
		<!--[if gte IE 9]>
  <script th:src="@{/chat/js/jquery-1.11.1.min.js}" type="text/javascript"></script>
  <script th:src="@{/chat/js/html5shiv.min.js}" type="text/javascript"></script>
  <script th:src="@{/chat/js/respond.min.js}" type="text/javascript"></script>
  <script th:src="@{/chat/js/selectivizr-min.js}" type="text/javascript"></script>
<![endif]-->
		<!--[if lt IE 9]>
  <script>window.location.href='upgrade-browser.html';</script>
<![endif]-->
	</head>

	<body class="user-select">
		<header class="header">
			<nav class="navbar navbar-default" id="navbar">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar" aria-expanded="false"> <span class="sr-only"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
						<h1 class="logo hvr-bounce-in"><a href="#" title="木庄网络博客"><img th:src="@{/chat/images/201610171329086541.png}" alt="木庄网络博客"></a></h1>
					</div>
					<div class="collapse navbar-collapse" id="header-navbar">
						<form class="navbar-form visible-xs" action="/Search" method="post">
							<div class="input-group">
								<input type="text" name="keyword" class="form-control" placeholder="请输入关键字" maxlength="20" autocomplete="off">
								<span class="input-group-btn">
		<button class="btn btn-default btn-search" name="search" type="submit">搜索</button>
		</span> </div>
						</form>
						<ul class="nav navbar-nav navbar-right">
							<li>
								<a data-cont="首页" title="首页" th:href="@{/chathome}">首页</a>
							</li>
							<li>
								<a data-cont="全部chat" title="全部chat" th:href="@{/list}">全部chat</a>
							</li>
							<li>
								<a data-cont="我要发布" title="我要发布" th:href="@{/createchat}">我要发布</a>
							</li>
							<li>
								<a data-cont="我要写作" title="我要写作" th:href="@{/chatlist}">我要写作</a>
							</li>
							<li>
								<a data-cont="我的订购" title="我的订购" th:href="@{/chatreservelist}">我的订购</a>
							</li>
							<li>
								<a data-cont="我的交流" title="我的交流" th:href="@{/chateassylist}">我的交流</a>
							</li>
							<li>
								<a href="javascript:;">小明</a>
							</li>
						</ul>
					</div>
				</div>
			</nav>
		</header>
		<section class="container">
			<div class="content-wrap">
				<div class="content">
					<div id="focusslide" class="carousel slide" data-ride="carousel">
						<ol class="carousel-indicators">
							<li data-target="#focusslide" data-slide-to="0" class="active"></li>
							<li data-target="#focusslide" data-slide-to="1"></li>
						</ol>
						<div class="carousel-inner" role="listbox">
							<div class="item active">
								<a href="#" target="_blank" title="木庄网络博客源码">
									<img th:src="@{/chat/images/201610181557196870.jpg}" alt="木庄网络博客源码" class="img-responsive"></a>
							</div>
							<div class="item">
								<a href="#" target="_blank" title="专业网站建设">
									<img th:src="@{/chat/images/201610241227558789.jpg}" alt="专业网站建设" class="img-responsive"></a>
							</div>
						</div>
						<a class="left carousel-control" href="#focusslide" role="button" data-slide="prev" rel="nofollow"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">上一个</span> </a>
						<a class="right carousel-control" href="#focusslide" role="button" data-slide="next" rel="nofollow"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">下一个</span> </a>
					</div>
					<div class="title">
						<h3>最新发布</h3>
						<div class="more">
							<a href="#" title="最新">最新</a>
							<a href="#" title="最热">最热</a>
						</div>
					</div>
                    <tr th:each="chat:${list}">
					<article class="excerpt excerpt-1" style="">

                           <a class="focus" href="#" th:href="@{/chatinfo(id=${chat.id})}" title="用DTcms做一个独立博客网站（响应式模板）" target="_blank"><img class="thumb" th:src="@{'image/'+${chat.pichat}}" alt="用DTcms做一个独立博客网站（响应式模板）" style="display: inline;"></a>
						<header>
							<h2><a href="#" th:href="@{/chatinfo(id=${chat.id})}" th:text="${chat.name}" title="用DTcms做一个独立博客网站（响应式模板）" target="_blank" >用DTcms做一个独立博客网站（响应式模板）</a>
			</h2>
						</header>
						<p class="meta">
							<i class="glyphicon glyphicon-time"></i> <time class="time" th:text="${#dates.format(chat.createtime, 'yyyy-MM-dd hh:mm:ss')}">2016-10-14</time>
							<i class="glyphicon glyphicon-eye-open"></i><span class="views" th:text="${chat.browse}"> 216</span>
						</p>
						<p class="note" th:text="${chat.brief}">用DTcms做一个独立博客网站（响应式模板），采用DTcms V4.0正式版（MSSQL）。开发环境：SQL2008R2+VS2010。DTcms V4.0正式版功能修复和优化：1、favicon.ico图标后台上传。（解决要换图标时要连FTP或者开服务器的麻烦）</p>

                    </article>
                    </tr>
					<nav class="pagination" style="display: none;">
                            <ul>
                                <li class="prev-page"></li>
                                <li class="active"><span>1</span></li>
                                <li class="next-page">
                                    <a th:href="${currentPage}" }>下一页</a>
                                </li>
                                <li><span>共 2 页</span></li>
                            </ul>
                        </nav>
					</nav>
				</div>
			</div>
			<div class="tlinks">Collect from
				<a href="http://www.cssmoban.com/">企业网站模板</a>
			</div>
			<aside class="sidebar">
				<div class="fixed">
					<div class="widget widget-tabs">
						<ul class="nav nav-tabs" role="tablist">
							<li role="presentation" class="active">
								<a href="#notice" aria-controls="notice" role="tab" data-toggle="tab">统计信息</a>
							</li>
							<li role="presentation">
								<a href="#contact" aria-controls="contact" role="tab" data-toggle="tab">联系站长</a>
							</li>
						</ul>
						<div class="tab-content">
							<div role="tabpanel" class="tab-pane contact active" id="notice">
								<h2>日志总数:
			  888篇
		  </h2>
								<h2>网站运行:
		  <span id="sitetime">88天 </span></h2>
							</div>
							<div role="tabpanel" class="tab-pane contact" id="contact">
								<h2>QQ:
			  <a href="" target="_blank" rel="nofollow" data-toggle="tooltip" data-placement="bottom" title=""  data-original-title="QQ:"></a>
		  </h2>
								<h2>Email:
		  <a href="#" target="_blank" data-toggle="tooltip" rel="nofollow" data-placement="bottom" title=""  data-original-title="#"></a></h2>
							</div>
						</div>
					</div>
				</div>
				<div class="widget widget_hot">
					<h3>最新评论文章</h3>
					<tr th:each="chat:${newlist}">
					<ul>
						<li>
							<a th:href="@{/chatinfo(id=${chat.id})}" title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail">
				<img th:href="@{/chatinfo(id=${chat.id})}" th:src="@{'image/'+${chat.pichat}}" class="thumb"  src="chat/images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）"  style="display: block;">
			</span><span class="text" th:text="${chat.name}">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted" th:text="${#dates.format(chat.createtime, 'yyyy-MM-dd hh:mm:ss')}"><i class="glyphicon glyphicon-time"></i>
				2016-11-01
			</span><span class="muted"><i class="glyphicon glyphicon-eye-open" th:text="${chat.browse}"></i></span></a>
						</li>
					</ul>
					</tr>
				</div>
			</aside>
		</section>
		<footer class="footer">
			<div class="container">
				<p>Copyright &copy; 2016.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a> </p>
			</div>
			<div id="gotop"><a class="gotop"></a></div>
		</footer>
		<script src="chat/js/bootstrap.min.js"></script>
		<script src="chat/js/jquery.ias.js"></script>
		<script src="chat/js/scripts.js"></script>
	</body>
</html>